/* pages/campIs/campIs.wxss */
.box{
	width: 100%;
  height: 100vh;
}
.top{
  margin: 0 0rpx 0 20rpx;
}
.content-c{
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.mid{
  width: 110rpx;
  font-size: 20rpx;
  height: auto;
  margin: 20rpx;
}
van-switch{
  float: right;
}
.mid .mid-img{
  display: block;
  margin: 0 auto;
  text-align: center;
}
.mid .mid-name{
  font-size: 30rpx;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.midSelected{
  width: 110rpx;
  height: auto;
  margin: 20rpx;
  background-color: blanchedalmond;
}
.midSelected .mid-img{
  position: relative;
  display: block;
  margin: 0 auto;
  z-index: 1;
  text-align: center;
}
// .select-img{
//   position: relative;
//   width: 80rpx;
//   height: 80rpx;
//   top: 50rpx;
//   left: 10rpx;
//   z-index: 2;
// }
.midSelected .mid-name{
  font-size: 30rpx;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.incr{
  margin-top: 20rpx;
  // border: solid 1px blue;
}
.incr .incr-title{
  font-size: 35rpx;
  margin-left: 20rpx;
  margin-bottom: 15rpx;
}
.incr .incr-textarea {
  margin: 0 auto;
  width: 90%;                       
  height: 100px;           
  padding: 10px;         
  font-size: 16px;      
  line-height: 1.5;                
  border-radius: 8px; 
  background: #D8D4D4;  
}
.detail{
  margin-top: 20rpx;
}
.detail .yesno{
  display: flex;
  justify-content: space-between;
  margin: 20rpx; 
}
.yesno-title{
  width: 100%;
}
.add-camp{
  border: dashed  1rpx #FE9900;
  width: 100%;                       
  height: 100px;                    
  font-size: 16px;
  border-radius: 8px;
  margin-top: 70rpx;
  text-align: center;
  color: #FE9900 ;
}
.content{
  margin: 0 auto;
  width: 90%;                       
  height: 100px;           
  padding: 10px;         
  font-size: 16px;
  border: 2px solid #D8D4D4;
  box-shadow: 0 0 1px #CAC7C7;
  border-radius: 8px;
  margin-top: 20rpx;
}
.content .content-1{
  width: 100%;
  // border: solid 1px blue;
  
}
.content-1-title{
  display: flex;
  justify-self: start;
  // border: 1px solid blue;
}
.content-1-title .sxys{
  background-color: #FE9900;
  width: 3px;
  height: 12px;
  margin-top: 10rpx;
  margin-left: 5rpx;
  margin-right: 10rpx;
  border-radius: 30%;
}
.content-1-price{
  display: flex;
  justify-content: flex-start;
}
.content-1-price span{
  display: flex;
  justify-content: flex-start;
  color: #FE9900;
}
.content-1-price view{
  margin-top: 10rpx;
  margin-bottom: 10rpx;
  margin-left: 10rpx;
  font-size: 35rpx;
}
.condi{
  display: flex;
  justify-self: start;
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}
.condi .condition{
  border: 0.5rpx solid gray;
  border-radius: 25px;
  width: 100rpx;
  height: 35rpx;
  font-size: 25rpx;
  text-align: center;
  margin-left: 20rpx;
}
.footer{
  // background-color: blanchedalmond;
	position: fixed;
	bottom: 0rpx;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.footer .ccg{
	// display: flex;
	display: flex;
  align-items: center; /* 这会使所有子元素垂直居中 */
	justify-content: center; /* 这会使所有子元素水平居中 */
	flex-direction:column;
	width: 80%;
}
.ccg view{
  font-size: 35rpx;
}
.footer .foot-btn{
  width: 100%;
  // border: solid 1px red;
  margin: 10rpx;
}
.foot-btn .btn{
  padding: 5px 20px; 
  background-color: #FE9900;
  color: white;  
  border: none;   
  border-radius: 25px; 
  font-size: 16px;             
}